#header .container {
  width: 960px;
  line-height: 20px;
}
.container .bg,
.item1,
.item2,
.item3 {
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #e6e1e2;
  width: 960px;
}
.container a img {
  vertical-align: top;
}
#footer {
  width: auto;
  border-top: 1px solid #79a4cf;
  margin-top: 30px;
  text-align: center;
  line-height: 30px;
  color: #666;
}
.wrap {
  width: 800px;
  background-color: #f0f0f0; /* 可选：添加背景色以增强可视性 */
  margin: 0px auto;
}
.el-carousel__item h3 {
  color: #475669;
  font-size: 14px;
  opacity: 0.75;
  line-height: 200px;
  margin: 0;
}

.el-carousel__item:nth-child(2n) {
  background-color: #99a9bf;
}

.el-carousel__item:nth-child(2n + 1) {
  background-color: #d3dce6;
}
/* 
.item1 {
  display: flex;
} */
.user-item {
  float: left;
  position: relative;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 960px;
  height: 180px;
  display: flex;
}
/* .user-item:nth-child(6n + 1) {
  margin-left: 0px;
} */
.user-img {
  height: 150px;
}
.user-item a img {
  width: 150px;
  border-radius: 50%; /* 将图片的边框半径设置为 50%，使其显示为圆形 */
  object-fit: cover; /* 保持图片在圆形区域内完全显示 */
}

.user-xinxi p {
  margin-left: 20px;
  font-size: 18px;
  margin-top: 20px;
  text-align: left;
}

.team-item {
  background-color: #f0f0f0;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.top-row {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.top-row img {
  height: 150px;
  width: 150px;
  border-radius: 50%; /* 将图片的边框半径设置为 50%，使其显示为圆形 */
  object-fit: cover; /* 保持图片在圆形区域内完全显示 */
}
.team-xinxi {
  margin-left: 20px;
  width: 400px;
}
.team-name {
  font-size: 24px;
  font-weight: bold;
  color: #333;
  text-align: left;
  margin: 0;
}

.max-members {
  font-size: 18px;
  color: #555;
  text-align: right;
  margin-left: 5px;
}
.leader {
  font-size: 18px;
  color: #555;
  margin-top: 10px;
  text-align: left;
  margin-bottom: 5px;
}

.description {
  font-size: 22px;
  color: #666;
  margin-top: 20px;
  margin-bottom: 12px;
  text-indent: 2em;
  text-align: left;
}

.expiry {
  font-size: 18px;
  color: #555;
  margin-top: 8px;
  text-align: right;
}

.item3 h1 {
  text-align: center;
  font-size: 24px;
  margin-bottom: 20px;
}

.imgs {
  position: relative;
}
.imgs:nth-child(4n + 1) {
  margin-left: 0px;
}

.imgs img {
  margin: 5px;
  width: 200px;
  height: 200px;
}


.black_overlay{
  display: none;
  position: absolute;
  /*top: 0%;*/
  /*left: 0%;*/
  /*width: 100%;*/
  /*height: 100vh;*/
  background-color: black;
  z-index:1001;
  -moz-opacity: 0.8;
  opacity:.80;
  filter: alpha(opacity=88);
  position: fixed; /* 固定定位，使其覆盖整个视口 */
  top: 0; /* 从顶部开始 */
  left: 0; /* 从左侧开始 */
  width: 100%; /* 宽度为视口的100% */
  height: 100vh; /* 高度为视口的100vh */
}
.white_content {
  display: none;
  position: absolute;
  margin-top:50px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* 垂直和水平居中 */
  width: 60%;
  height: auto;
  padding: 20px;
  border: 10px solid orange;
  background-color: white;
  z-index:1002;
  overflow: auto;
  box-sizing: border-box; /* 包含内边距和边框在宽度内 */
}

.wrapp {
  /*position: fixed; !* 固定定位，使其固定在视口中 *!*/
  /*top: 50%; !* 垂直居中 *!*/
  /*left: 50%; !* 水平居中 *!*/
  /*transform: translate(-50%, -50%); !* 实现真正的居中 *!*/
  /*background: white; !* 背景色 *!*/
  /*border: 1px solid #ccc; !* 边框 *!*/
  /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); !* 阴影 *!*/
  padding: 20px; /* 内边距 */
  /*z-index: 1000; !* 确保在最上层 *!*/
  width: 100%; /* 可以根据需要调整 */
  /*max-width: 800px; !* 最大宽度 *!*/
  /*box-sizing: border-box; !* 包含内边距和边框在宽度内 *!*/
}
.close {
  position: absolute; /* 绝对定位 */
  right: 20px; /* 右侧边距 */
  top: 20px; /* 上侧边距 */
  color: #aaa; /* 颜色 */
  font-size: 24px; /* 字体大小 */
  cursor: pointer; /* 鼠标指针 */
}

.close:hover {
  color: black; /* 鼠标悬停时变成黑色 */
}
.wrapp h2 {
  margin-top: 10px;
  /*margin-bottom: 10px;*/
  /*text-align: left;*/
  /*margin-left: 50px;*/
}

.list {
  list-style: none; /* 去掉列表样式 */
  padding: 0; /* 去掉内边距 */
  margin: 0; /* 去掉外边距 */
}

.el-button {
  margin-top: 20px; /* 按钮顶部边距 */
}